Passed
Push — master ( 7aa1e4...a37cc0 )
by Kevin Van
05:30
created

MosselfestijnPage.render   B

Complexity

Conditions 1

Size

Total Lines 52
Code Lines 44

Duplication

Lines 0
Ratio 0 %

Importance

Changes 0
Metric Value
eloc 44
dl 0
loc 52
rs 8.824
c 0
b 0
f 0
cc 1

How to fix   Long Method   

Long Method

Small methods make your code easier to understand, in particular if combined with a good name. Besides, if your method is small, finding a good name is usually much easier.

For example, if you find yourself adding comments to a method's body, this is usually a good sign to extract the commented part to a new method, and use the comment as a starting point when coming up with a good name for this new method.

Commonly applied refactorings include:

1
import { graphql } from "gatsby"
2
import { GatsbyImage } from "gatsby-plugin-image"
3
import React, { Component } from "react"
4
5
import SEO from "../components/seo"
6
import Layout from "../layouts/index"
7
8
class MosselfestijnPage extends Component {
9
  render() {
10
    const { affiche } = this.props.data
11
    return (
12
      <Layout>
13
        <SEO
14
          lang="nl-BE"
15
          title="Mosselfestijn reservaties"
16
          description="Mosselfestijn 2020 - Inschrijvingen"
17
          path={this.props.location.pathname}
18
        />
19
        <div className={`limited-width_wrapper`}>
20
          <header>
21
            <h1>Mosselfestijn</h1>
22
          </header>
23
          <main>
24
            <p>
25
              Op vrijdag 10, zaterdag 11 en zondag 12 september 2021 vindt ons jaarlijkse Mosselfestijn weer plaats. Om
26
              de spreiding te kunnen garanderen en wachttijden aan de ingang zoveel mogelijk te beperken werken we dit
27
              jaar met een reservatiesysteem. Hieronder kan je zelf jouw gewenste tijdstip en gezelschap selecteren en
28
              een tafel boeken (voor 08/09/2021).
29
            </p>
30
            <p>
31
              Telefonisch reserveren kan dagelijks tussen 18u en 21u op het nummer{` `}
32
              <a href="tel:+32475981611" className="rich-link">
33
                0475/98.16.11
34
              </a>
35
              .
36
            </p>
37
            <p>
38
              Ter plaatse een tafel vragen kan, naargelang de beschikbaarheid op dat moment, maar hou er rekening mee
39
              dat we onze capaciteit hebben moeten verlagen om aan de regelgeving te kunnen voldoen. Wie zeker wil zijn
40
              van zijn plek kan beter reserveren.
41
            </p>
42
            <tbkr-bm-widget
43
              restaurant-id="34742560"
44
              source="website"
45
              use-modal="0"
46
              lang="nl"
47
              theme="light"
48
            ></tbkr-bm-widget>
49
            <script src="https://reservations.tablebooker.com/tbkr-widget-import.min.js"></script>
50
          </main>
51
          <footer>
52
            <GatsbyImage
53
              image={{
54
                ...affiche.childImageSharp.gatsbyImageData,
55
              }}
56
              alt="Mosselfestijn 2021"
57
            />
58
          </footer>
59
        </div>
60
      </Layout>
61
    )
62
  }
63
}
64
65
export const pageQuery = graphql`
66
  query {
67
    affiche: file(name: { eq: "mossel2021-affiche" }) {
68
      ...KCVVFullWidth
69
    }
70
  }
71
`
72
73
export default MosselfestijnPage
74